import { TabBar } from '@pxxtech/mobile';
import { HomeFill, OrderFill, MyFill } from '@pxxtech/icons';

const config = [
  {
    title: '首页',
    icon: <HomeFill />,
  },
  {
    title: '订单',
    icon: <OrderFill />,
  },
  {
    title: '我的',
    icon: <MyFill />,
  },
];
const Basic = () => {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', height: '99vh' }}>
      <div style={{ flex: 1 }}></div>
      <TabBar defaultValue={'1'}>
        {config.map((c, k) => (
          <TabBar.Item key={k} value={`${k}`} {...c} />
        ))}
      </TabBar>
    </div>
  );
};

export default Basic;
